<template>
    <div>
        <!-- s三级联动全局组件：三级联动已经注册为全局组件，不需要再引入 -->
        <TypeNav></TypeNav>
        <ListContainer></ListContainer>
        <Recommend></Recommend>
        <Rank></Rank>
        <Like></Like>
        <!-- Floor这个组件：自己在组件内部是没有发请求的，数据是父组件给的 -->
        <Floor v-for="(floor, index) in floorList" :key="floor.id" :list="floor"></Floor>
        <Brand></Brand>
    </div>
</template>

<script>
//引入其余组件
import ListContainer from "./ListContainer"
import Recommend from "./Recommend"
import Rank from "./Rank"
import Like from "./Like"
import Floor from "./Floor"
import Brand from "./Brand"
import {mapState} from "vuex"
export default {
    name: 'Home',
    components:{
        ListContainer,
        Recommend,
        Rank,
        Like,
        Floor,
        Brand
    },
    mounted() {
        //派发action，获取Floor组件的数据
        this.$store.dispatch("getFloorList")  
    },
    computed: {
    ...mapState({
      floorList:state=>state.home.floorList
    })
  },
}
</script>

<style lang="" scoped>
    
</style>